<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <title>紫微楊</title>
    <meta name="description" content="紫微楊，原名楊君澤，是香港的前報紙編輯及紫微斗數及玄空飛星風水研究者，曾在明報任職編輯主任。他亦是嶺南國畫大師楊善深之胞弟。">
    <meta name="keywords" content="紫微楊,術數,中國,文化">
    <meta name="abstract" content="紫微楊,術數,中國,文化">
    <meta name="classification" content="紫微楊">
    <meta name="distribution" content="Global">
    <meta name="rating" content="紫微楊，原名楊君澤，是香港的前報紙編輯及紫微斗數及玄空飛星風水研究者，曾在明報任職編輯主任。他亦是嶺南國畫大師楊善深之胞弟。">
    <meta name="robots" content="index,follow">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/common.css">
  </head>
  <body>
    <div class="container" id="root" v-cloak>
      <div class="m-shop">
        <header>
          <div class="row">
            <div class="menu visible-xs visible-sm col-xs-2" @click="onClickHeaderMenu"><i class="iconfont icon-menu"></i>
              <div class="content" v-show="gIsShowHeaderMenu">
                <ul>
                  <li class="search-wrap">
                    <div class="search">
                      <input>
                      <button>搜索</button><i class="iconfont icon-search"></i>
                    </div>
                  </li>
                  <li><a href="./home.html">主页</a></li>
                  <li> <a href="./luck.html">每日财运</a></li>
                  <li>收费服务</li>
                  <li><a href="./news.html">最新消息</a></li>
                  <li> <a href="./intro.html">简介</a></li>
                  <li>奇门简介</li>
                  <li>紫微命盘</li>
                  <li> <a href="./calendar.html">万年历</a></li>
                  <li><a href="./classroom.html">教室</a></li>
                  <li><a href="./shop.html">商店</a></li>
                  <li>公众论坛</li>
                  <li><a href="./qa.html">课程回答</a></li>
                  <li>联系我们</li>
                  <li>条款及细则</li>
                  <li>私隐政策</li>
                  <li>关于收费及点数使用</li>
                </ul>
              </div>
            </div>
            <!-- 未登录，立即注册的链接query type=signup 时显示注册界面，没有query则显示登录界面-->
            <div class="col-sm-10 auth g-size4 g-hidden col-sm-6"><a class="auth-item" href="./auth.html">登录</a><a class="auth-item g-color-red hidden-xs" href="./auth.html?type=signup">立即注册</a></div>
            <!-- 已登录-->
            <div class="col-sm-10 authed g-size4 col-md-6"><span class="g-margin-r-lg">欢迎您，xxx</span><a class="authed-item g-margin-r-lg g-color-red" href="/">会员天地</a><a class="authed-item g-color-main" href="/">退出</a></div>
            <div class="col-md-6 search g-text-right hidden-xs hidden-sm">
              <div class="search-item label g-color-active">繁体</div>
              <div class="search-item input">
                <input type="text">
              </div>
              <div class="search-item btn"> 
                <button>搜索</button>
              </div>
            </div>
          </div>
        </header>
        <div class="g-banner" :class="{ fill: isBannerFill }"><img src="../images/home-banner.png" alt="banner"></div>
        <nav class="g-size4 hidden-sm hidden-xs">
          <ul class="g-clearfix">
            <li><a class="active" href="./home.html">首页</a></li>
            <li><a>收费服务</a></li>
            <li><a href="./news.html">最新消息</a></li>
            <li><a href="./intro.html">简介</a></li>
            <li><a>紫徽命盘</a></li>
            <li><a href="./calendar.html">万年历</a></li>
            <li><a href="./classroom.html">教室</a></li>
            <li><a href="./shop.html">商店</a></li>
            <li><a href="./qa.html">课程回答</a></li>
            <li><a>公众论坛</a></li>
          </ul>
        </nav>
        <div class="g-tab g-clearfix">
          <li :class="{active: tab === 0}" @click="tab = 0">书刊</li>
          <li :class="{active: tab === 1}" @click="tab = 1">实体店</li>
        </div>
        <div class="shop-book" v-show="tab === 0">
          <div class="row">
            <div class="col-xs-6 col-sm-3 shop-book-item" @click="onClickBookItem(true)">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
                <div class="readed icon"></div>
              </div>
              <div class="title">紫微闲话</div>
              <div class="time">2017-08-09</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
            <div class="col-xs-6 col-sm-3 shop-book-item" @click="onClickBookItem(true)">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
                <div class="latest icon"></div>
              </div>
              <div class="title">紫微闲话</div>
              <div class="time">2017-08-09</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
            <div class="col-xs-6 col-sm-3 shop-book-item" @click="onClickBookItem(true)">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
              </div>
              <div class="title">紫微闲话</div>
              <div class="time">2017-08-09</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
            <div class="col-xs-6 col-sm-3 shop-book-item" @click="onClickBookItem(true)">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
              </div>
              <div class="title">紫微闲话</div>
              <div class="time">2017-08-09</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
            <div class="col-xs-6 col-sm-3 shop-book-item" @click="onClickBookItem(true)">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
              </div>
              <div class="title">紫微闲话</div>
              <div class="time">2017-08-09</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
            <div class="col-xs-6 col-sm-3 shop-book-item" @click="onClickBookItem(true)">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
              </div>
              <div class="title">紫微闲话</div>
              <div class="time">2017-08-09</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
            <div class="col-xs-6 col-sm-3 shop-book-item" @click="onClickBookItem(true)">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
              </div>
              <div class="title">紫微闲话</div>
              <div class="time">2017-08-09</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
            <div class="col-xs-6 col-sm-3 shop-book-item" @click="onClickBookItem(true)">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
              </div>
              <div class="title">紫微闲话</div>
              <div class="time">2017-08-09</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
          </div>
        </div>
        <div class="shop-real" v-show="tab === 1">
          <div class="row">
            <div class="col-xs-6 col-sm-3 shop-real-item">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
                <div class="readed icon"></div>
              </div>
              <div class="title">天使风铃</div>
              <div class="number">编号：CRV1234</div>
              <div class="vip">会员点数：1.00</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
            <div class="col-xs-6 col-sm-3 shop-real-item">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
                <div class="latest icon"></div>
              </div>
              <div class="title">天使风铃</div>
              <div class="number">编号：CRV1234</div>
              <div class="vip">会员点数：1.00</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
            <div class="col-xs-6 col-sm-3 shop-real-item">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
              </div>
              <div class="title">天使风铃</div>
              <div class="number">编号：CRV1234</div>
              <div class="vip">会员点数：1.00</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
            <div class="col-xs-6 col-sm-3 shop-real-item">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
              </div>
              <div class="title">天使风铃</div>
              <div class="number">编号：CRV1234</div>
              <div class="vip">会员点数：1.00</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
            <div class="col-xs-6 col-sm-3 shop-real-item">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
              </div>
              <div class="title">天使风铃</div>
              <div class="number">编号：CRV1234</div>
              <div class="vip">会员点数：1.00</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
            <div class="col-xs-6 col-sm-3 shop-real-item">
              <div class="img"><img src="https://www.ziweiyang.com/upload/images/coursebook_category/img/20150504112616_16.jpg">
              </div>
              <div class="title">天使风铃</div>
              <div class="number">编号：CRV1234</div>
              <div class="vip">会员点数：1.00</div>
              <button><i class="iconfont icon-share"></i><span>详情</span></button>
            </div>
          </div>
        </div>
        <div class="pagination">
          <div class="g-pagination">
            <ul><a class="active">1</a><a>2</a><a>3</a><a>4</a><a>5</a><a>6</a><a class="next">></a></ul>
          </div>
        </div>
        <div class="g-modal" v-show="isShowBookModal">
          <div class="mask" @click="onClickBookModalClose"></div>
          <div class="content">
            <div class="row">
              <div class="col-sm-4">
                <div class="img"><img src="https://www.ziweiyang.com/upload/images/ebook_category/img/20160527134002_172.jpg" alt=""></div>
              </div>
              <div class="col-sm-8 desc">
                <p> <span class="g-color-main">书籍名称：</span><span>紫微径</span></p>
                <p> <span class="g-color-main">上传时间：</span><span>2016.11.11</span></p>
                <p> <span class="g-color-main">书籍简介：</span><span>《紫微径》这书的内容，绝大部分出自我于二〇〇七年时为《苹果日报》写的同名 专拦。此书名的由来，亦堪一记。话説当日《苹果》社长董桥兄问我准备用什么栏名时， 我稍一思索便説叫「紫微径」吧！不料他马上説好，并説：「曲径通幽」。就此一锤定 音。   「紫微径」这个专栏搁笔至今已超过两年，期间是否结集成书，我也曾三心两意。   主要原因是因为结集成书，必须经过大幅度的增删润饰。在我的弟子中，既有人贊  成，亦有人反对，都各有他们的道理。   贊成的认为既然花了七个月的心血写该专栏，亦颇受读者欢迎，应顺理成章的结集 成书。   反对的认为我年事已高，既仍不断花精神于术数上的考证工作，何必再花精神去增 删润饰这些旧作。   此书能够面世，不能不感谢好友潘耀明先生，在过去的两年时间中，他不断的催促 我要把此专栏的文字结集成书。   终于，在去年年底时，决定放低其他杂务，全力的去增删润饰这些文字。既删去不 少的篇章，亦重新写了一些篇章补上，希望如过去我的拙着那样，同样受到读者欢迎。   在新的篇章中，有涉及「奇门遁甲」的，这是我研究了颇长时间而又极少谈及的一 门术数。   所以，此书中包含的术数范畴甚广，既有八字、紫微斗数、玄空风水、铁板神数、 六壬数，更而至奇门遁甲。   由于我年事已高，相信此书会是我最后面世的一部着作。以后纵使再写专栏，亦会 或为兴趣偶一为之而已！同时，得借机会在此説明一下，我在电脑网上并无任何网站亦 无 Facebook 等。望读者明察。    同时我知道我的读者中，不少是对术数颇有研究和认识颇深的人，对于此书之拉杂 成章，尚祈赐谅。   最后得感谢大山文化出版社各位编审员工，他们付出了很大的努力，才使此书得以 面世。   紫微杨  谨识   庚寅初春吉日    我个人认爲『八字』是各门术数的基础，如果不懂『八字』，是很难或可说无法去研究其他更高级的术数如『六壬』及『奇门遁甲』等。就算学『紫微斗数』和『风水』，也应对『八字』有一定的认识。    我个人认爲『八字』是各门术数的基础，如果不懂『八字』，是很难或可说无法去研究其他更高级的术数如『六壬』及『奇门遁甲』等。就算学『紫微斗数』和『风水』，也应对『八字』有一定的认识。    我个人认爲『八字』是各门术数的基础，如果不懂『八字』，是很难或可说无法去研究其他更高级的术数如『六壬』及『奇门遁甲』等。就算学『紫微斗数』和『风水』，也应对『八字』有一定的认识。</span></p>
                <p class="g-color-main"><a class="is-udl">免费阅读试阅版商店</a></p>
                <button class="btn is-primary" v-show="!isAuth">请登录</button>
                <button class="btn is-success" v-show="isAuth">开始课程</button>
              </div>
            </div>
            <div class="icon close" @click="onClickBookModalClose" v-show="!isAuth"></div>
            <div class="icon green-close" @click="onClickBookModalClose" v-show="isAuth"></div>
          </div>
        </div>
      </div>
      <footer>
        <div class="icons"><img src="../images/common/fb.png"><img src="../images/common/weibo.png"><img src="../images/common/youtube.png"></div>
        <p> <a href="/">公司简介</a><span>|</span><a href="/">条件和条款</a><span>|</span><a href="/">关于收费及点数使用</a><span>|</span><a href="/">联系我们</a></p>
        <p>Copyright © 2017 紫微杨 版权所有 不得转载 Powered by xxx Online.</p>
      </footer>
    </div>
    <script src="https://cdn.bootcss.com/vue/2.4.4/vue.js" type="text/javascript"></script>
    <script src="../js/common.js" type="text/javascript"></script>
    <script src="../js/shop.js" type="text/javascript"></script>
  </body>
</html>